草庐IT

SVG 教程

全部标签

xml - 在 SVG 中定义颜色

如何在SVG文件中定义颜色? 最佳答案 您可以通过渐变(或)定义颜色。在这两种情况下,您都以相同的方式使用它们:渐变应该只有一个元素child,你想要的颜色。“渐变”颜色定义示例:element现在已经过时了,应该避免。 关于xml-在SVG中定义颜色,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4470341/

xml - SVG 图像标签不起作用

我正在研究SVG教程here,并且无法加载图像。XAMPP给我一个错误,上面写着ThisXMLfiledoesnotappeartohaveanystyleinformationassociatedwithit.Thedocumenttreeisshownbelow.我已经从文档中复制了pasta'd,但它仍然不起作用。代码如下:谷歌搜索错误消息告诉我XML以某种方式损坏,但除了区域设置和图像标题之外我没有更改任何内容。 最佳答案 你弄错了命名空间。改变xmlns="localhost"xmlns:xlink="localhost/

javascript - (嵌入和)通过 D3 和/或 javascript 引用外部 SVG

我有一个.svg文件,想将它嵌入到我的d3图形的svg结构中。我还需要通过某些g元素的id引用附加到g元素的所有路径/多边形。我尝试了不同的方法来嵌入和引用svg(g's),但由于某些原因它不起作用:(1)第一次尝试//FirefoxdisplaysmysvgbutwheniopenitwithChromethesvg//isnotdisplayed(justdefaultplaceholdericon)//Ican'treferencethesvg-gid'swithd3.selectfunctions.main_chart_svg.append("svg:image").attr(

xml - Delphi 中 XML 的库和教程

我打算为应用程序添加XML支持,但我不熟悉Delphi中的XML编程。基本上我需要创建基于XML节点的对象并生成基于对象的XML文件。我应该使用哪个XML组件库?是否有使用Delphi的XML的好的教程? 最佳答案 您可以从查看Delphi的TXMLDocument组件开始。这将为您提供使用XML/DOM的基础知识。它很简单,可以通过将其拖放到您的表单上来添加。它具有LoadFromFile和SaveToFile方法,并且易于导航。但是,在某些时候您会用尽TXMLDocument的功能,尤其是当您想要使用XPath之类的东西时。我建

xml - 如何在 SVG 中正确引用外部 SVG 文件?

你好,我正在制作SVG/JSmap,它由许多小的SVG图形(市区)组成。我将每个图形都放入一个自己的文件中,这样我的主SVG文件仍然可以维护并且不会臃肿。如何正确引用另一个SVG中的外部SVG文件?预期结果:在浏览器中打开1.svg并看到一个蓝色矩形。它应该如何工作:w3c:useelement所以这是我尝试过的:1.svg:另一个.svg:样式.css.blue{fill:blue;}结果:Firefox:蓝色矩形(正是我想要的)Chrome:无Opera:黑色矩形注意:我尝试使用图像元素,但它不适用于样式表,即我得到的是黑色矩形而不是蓝色矩形。重要:当您想要引用另一个SVG并且希望

javascript - svg :svg? 是什么意思

这是什么意思?.append("svg:svg")我在HTML和D3代码中看到了它。是否添加了SVG的插件? 最佳答案 在XHTML代码中,可以使用命名空间来区分网页中包含的其他基于XML的语言。这里,命名空间“svg”用在标签“svg”之前。namespace:tagname如果两个标签(例如,在XHTML和SVG中)具有相同的名称并且您想要准确指定您指的是哪个标签,这将很有用。可以使用xmlns指定标签属性。如您所知,XHTML文档以开头您可以将前缀指定为然后你将使用同样可以使用而不仅仅是当包括你的svg图形时。然后所有svg标

xml - SVG 缩放文本以适合容器

这可能是一个非常简单的问题,但我如何让SVG中的文本拉伸(stretch)以适合其容器?我不在乎它是否因为拉得太长或太高而看起来很丑,但它需要适合它的容器并且尽可能大。谢谢 最佳答案 如果您真的不在乎文本变得丑陋,这里介绍了如何将未知长度的文本调整到已知宽度。UGLYTEXT 关于xml-SVG缩放文本以适合容器,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2938779/

xml - 如何降低 svg 滤镜中 alpha 层的不透明度?

我正在尝试将Logo创建为SVG。我从Illustrator导出文件。Logo上有阴影。我正在查看XML并找到了过滤器节点有没有办法改变生成的offsetBlurredAlpha的alpha?我不希望它从纯黑色开始,我希望它从50%黑色开始,这样物体周围的阴影效果就足够亮了。 最佳答案 一种方法是添加一个feComponentTransfer过滤器原语,如下所示:可以看到一个活生生的例子here. 关于xml-如何降低svg滤镜中alpha层的不透明度?,我们在StackOverflow

xml - SVG 圆角

我有以下SVG:我想获得类似CSS的border-top-right-radius和border-top-bottom-radius效果。如何实现圆角效果? 最佳答案 以下是使用SVG路径创建圆角矩形的方法:解释m100,100:移动到点(100,100)h200:从我们所在的位置画一条200px的水平线a20,2000120,20:顺时针绘制一条X半径为20px,Y半径为20px的圆弧,到X轴和Y轴上相差20px的点v200:从我们所在的位置画一条200px的垂直线a20,20001-20,20:顺时针绘制X和Y半径为20px的圆

xml - 在 SVG 中对齐文本

我正在尝试制作混合了线条和简短文本片段(通常是两个或三个单词)的SVGXML文档。我遇到的主要问题是让文本与线段对齐。对于水平对齐,我可以将text-anchor与left、middle或right一起使用。我找不到垂直对齐的等价物;alignment-baseline似乎没有这样做,所以目前我正在使用dy="0.5ex"作为居中对齐的工具。是否有与文本垂直居中或顶部对齐的正确方式? 最佳答案 事实证明,您不需要明确的文本路径。Firefox3仅部分支持垂直对齐标签(seethisthread)。似乎dominant-baselin